一開始學習網頁開發時,會在CSS的學習聽到選擇器這個名詞,把html文件中的標籤選出來並成功改變樣式,會有滿滿的成就感~例如想要把網頁中的div標籤改成灰色的背景的話:
<style>
div {
background-color: gray;
}
</style>
後來在學習DOM操作時,也會與選擇器交朋友,例如想要用一個變數來裝html文件裡的h1標籤的話,
<script>
const h1 = document.querySelector('h1')
</script>
如果跟選擇器熟的話,不僅自己在操作上方便以外,閱讀別人的代碼時出現不同的選擇器寫法時也能理解。